<ion-header>
    <ion-toolbar color="light">
        <ion-buttons start >
            <button ion-button icon-only navPop>
                <ion-icon name="arrow-back" ></ion-icon>
            </button>
        </ion-buttons>
        <ion-title>{{ 'review.writere' | translate }}</ion-title>
    </ion-toolbar>
</ion-header>
<ion-content>
    <p>{{ 'review.le' | translate }
        <span class="stars">
            <i class="iconfont" [class.icon-star]="form.star>=1" [class.icon-star1]="form.star<1" (click)="form.star=1"></i>
            <i class="iconfont" [class.icon-star]="form.star>=2" [class.icon-star1]="form.star<2" (click)="form.star=2"></i>
            <i class="iconfont" [class.icon-star]="form.star>=3" [class.icon-star1]="form.star<3" (click)="form.star=3"></i>
            <i class="iconfont" [class.icon-star]="form.star>=4" [class.icon-star1]="form.star<4" (click)="form.star=4"></i>
            <i class="iconfont" [class.icon-star]="form.star>=5" [class.icon-star1]="form.star<5" (click)="form.star=5"></i>
        </span>
    </p>
    <div class="feedback-content">
        <ion-textarea :placeholder="{{'input.Review' | translate}}" [(ngModel)]="form.content"></ion-textarea>
        <p>{{ 'review.500' | translate }}</p>
        <button ion-button class="submit" (click)="goCust()">{{ 'login.Submit' | translate }}</button>
    </div>
</ion-content>